.circleInformation {
    width: 1000px;
    background-color: white;
    margin: auto;
    margin-top: 50px;
    padding: 42px 44px;
    display: flex;
    align-items: center;
}

.circleInformation img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.rightCircle {
    margin-left: 20px;
}

.circleName {
    font-size: 16px;
    color: #9e9e9e;
}

.chengyuantiezi {
    display: flex;
    align-items: center;
}

.chengyuantiezi p {
    color: #9e9e9e;
    font-size: 12px;
    margin-right: 20px;
}

.chengyuantiezi .caozuo {
    padding: 3px 16px;
    border-radius: 2px;
    cursor: pointer;
    color: white;
    background-color: #8bc34a;
}

.circleList {
    width: 1000px;
    background-color: white;
    margin: auto;
    margin-top: 30px;
}

.circleList .top {
    display: flex;
    padding: 26px 40px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dadada;
}

.circleList .top p {
    color: #f26552;
}

.circleList .top div {
    background-color: #8bc34a;
    padding: 2px 15px;
    color: white;
    cursor: pointer;
    border-radius: 2px;
}

.circleList .top div span {
    font-size: 10px;
    margin-right: 5px;
}

.circleSorting {
    padding: 15px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #6b6b6b;
    border-bottom: 1px solid #dadada;
}

.listShow {
    padding-bottom: 26px;
}

.listShow li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
    border-bottom: 1px solid #dadada;
}

.listShow li>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listShow li>div>div {
    font-size: 12px;
    color: white;
    background-color: #f26552;
    padding: 1px 5px;
}

.listShow li>p {
    color: #8b8b8b;
}

.listShow li>div .circleTitle {
    width: 430px;
    margin-left: 34px;
    cursor: pointer;
    color: #9e9e9e;
}

.listShow li>div .circleTitle:hover {
    color: #f26552;
}